<template>
	<!-- #ifdef APP-NVUE -->
	<list class="myp-bg-inverse" ref="myp-list" :bounce="true" isSwiperList="true" style="width:750rpx;flex:1;">
		<cell v-for="(item, idx) in items" :key="idx">
			<view class="cl-margin">
				<h-intro-card :item="item" @select="toPage(item.page)"></h-intro-card>
				<view style="height: 32rpx;"></view>
			</view>
		</cell>
	</list>
	<!-- #endif -->
	<!-- #ifndef APP-NVUE -->
	<scroll-view class="myp-bg-inverse" :scroll-y="scrollable" :style="mypContentHeightStyle+'width:750rpx;'" @touchstart="mypOnTouchStart" @touchmove="mypOnTouchMove" @touchend="mypOnTouchEnd" @touchcancel="mypOnTouchEnd" @scroll="mypOnScroll">
		<view class="cl-margin" v-for="(item, idx) in items" :key="idx">
			<h-intro-card :item="item" @select="toPage(item.page)"></h-intro-card>
			<view style="height: 32rpx;"></view>
		</view>
	</scroll-view>
	<!-- #endif -->
</template>

<script>
	import hIntroCard from '@/components/hIntroCard.vue'
	
	import dataMixin from '@/pages/base/mixin/indexData.js'
	
	// #ifndef APP-NVUE
	import contentBoxMixin from '@/mypUI/myp-mixin/contentBoxMixin.js'
	// #endif
	
	import childMixin from '@/mypUI/myp-list/header/pureHeaderChild.js'
	
	export default {
		components: {
			hIntroCard
		},
		// #ifdef APP-NVUE
		mixins: [childMixin, dataMixin],
		// #endif
		// #ifndef APP-NVUE
		mixins: [contentBoxMixin, childMixin, dataMixin],
		// #endif
		data() {
			return {
				mypExtra: 'status-nav-x-180rpx'
			}
		},
		methods: {
			toPage(val) {
				this.$emit("page", val)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cl {
		&-margin {
			margin: 0 32rpx;
		}
	}
</style>
